/* pages/finish/finish.wxss */
// 可以定义在 App.less 作为全局的样式
page {
  padding:0 50rpx;
  box-sizing: border-box;
}

.taskTitle {
  position: relative;
  font-size: 48rpx;
  margin-top: 30rpx;
  font-weight:900;
}

.missionRequest {
  margin-top: 35rpx;
}

.taskRequire {
  font-size: 28rpx;
  color: rgb(85,85,85);
  width:100%;
}
.confirmBox {
  width: 650rpx;
  .input{
    width: 650rpx;
    word-wrap: break-all;
  }
  .imgBox{
    display: inline-block;
    .img{
      //float: left;
      position:relative;
      display: inline-block;
      width: 200rpx;
      height: 200rpx;
      margin-right: 10rpx;
      margin-bottom: 10rpx;
      overflow: visible;
    }
    .imglast {
      margin-right: 0;
    }
    
  }
  
  .delete{
    position: absolute;
    // position: absolute 可以用 top / right 定位
    // 然后使用 transform: translate() 再相对自己的宽度和高度进行偏移
    top:0;
    right:0;
    background-color: #ff5d40;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45rpx;
    height: 45rpx;
    border-radius: 40rpx;
    line-height: 42rpx;
  }
  
  .add {
    //float: left;
     display: inline-block;
    width: 200rpx;
    height: 200rpx;
    margin-right: 10rpx;
    margin-bottom: 10rpx;
    border: 1rpx dashed rgb(170,170,170);
    box-sizing: border-box;
    
    .addImg {
      float: left;
      margin-top: 80rpx;
      margin-left: 80rpx;
      width: 50rpx;
      height: 50rpx;
    }
  }

  .addLast {
    margin-right: 0;
  }
}

.confirmBox::after {
  content: "";
  display: block;
  height: 188rpx;
  clear: both;

}

.buttonBox {
  position: fixed;
  bottom: 0rpx;
  left: 0rpx;
  height: 188rpx;
  width: 100%;
  background-color: #fff;
  border-radius: 20rpx 20rpx 0 0;
  button{
    // display: inline-block;
    width: 612rpx;
    height: 100rpx;
    border-radius: 20rpx;
    padding: 4rpx 74rpx 4rpx 74rpx ;
    font-size: 36rpx;
    font-weight: bold;
    background-color: rgb(255, 207, 86);
    color: #fff;
  }

}